<!--info.less-->
<template>
	<div id="personalCenter">
		<HeaDer :Title='titleData'></HeaDer>
		<section class="personalCenterWarp">
			<section class="title">
				<h2>个人信息</h2>
			</section>
			<section class="personalInfo">
				<ul class="lisWarp">
					<li class="lis">
						<span>手机号：</span>
						<span v-if="!userData.mobile">--</span>			
						<span v-else>{{userData.mobile}}</span>
					</li>
					<li class="lis">
						<span>交易ID：</span>
						<span v-if="!userData.account">--</span>			
						<span v-else>{{userData.account}}</span>
					</li>
					<li class="lis">
						<span>姓名:</span>
						
						<span v-if="!userData.realname">--</span>
						<span v-else>{{userData.realname}}</span>
					</li>
					<li class="lis">
						<span>身份照证号:</span>
						<span v-if="!userData.idcard">--</span>						
						<span v-else>{{userData.idcard}}</span>
					</li>
				</ul>
			</section>
		</section>
	</div>
</template>

<script>
	import HeaDer from "../common/header.vue";
	export default {
		data() {
			return {
				titleData: {
					name: '',
					flat: 1
				},
				userData:{
					
				}
			}
		},
		methods: {

		},
		components: {
			'HeaDer': HeaDer

		},
		created: function() {
			var _this = this;
			_this.$public.userInfo({
				_this:_this,
				mobile:sessionStorage.mobile,
				sfun:function(data){
					if(data.data.status == 200){
						_this.userData = data.data.data;
						
					}
				}
			})
		}
	}
</script>

<style>

</style>